<html xmlns="http://www.w3c.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<script type="text/javascript">
		//<![CDATA[
		//debe usarse los \\:  en lugar de : en los selectores de JQuery
		$(document).ready(function() {
		});
		//]]>
	</script>
</h:head>

<h:body>
	<h:form id="form_personal_data">
		<h:outputLabel value="#{i18n['lbl.owner.personal_data.title']}" />

		<div class="clearfix common-panel">
			<div class="ui-form-row clearfix">
				<h:outputLabel value="#{i18n['lbl.owner.personal_data.name1']}:" />
				<p:inputText value="#{ruatBean.firstName}" />
			</div>
			<div class="ui-form-row clearfix">
				<h:outputLabel value="#{i18n['lbl.owner.personal_data.name2']}:" />
				<p:inputText value="#{ruatBean.firstName}" />
			</div>
			<div class="ui-form-row clearfix">
				<h:outputLabel value="#{i18n['lbl.owner.personal_data.lastname1']}:" />
				<p:inputText value="#{ruatBean.firstName}" />
			</div>
			<div class="ui-form-row clearfix">
				<h:outputLabel value="#{i18n['lbl.owner.personal_data.lastname2']}:" />
				<p:inputText value="#{ruatBean.firstName}" />
			</div>
			<div class="ui-form-row clearfix">
				<h:outputLabel value="#{i18n['lbl.owner.personal_data.sex']}:" />
				<p:selectOneRadio value="#{ruatBean.sex}">
					<f:selectItem itemLabel="Hombre" itemValue="1" />
					<f:selectItem itemLabel="Mujer" itemValue="2" />
				</p:selectOneRadio>
			</div>
			<div class="ui-form-row clearfix">
				<h:outputLabel
					value="#{i18n['lbl.owner.personal_data.birth_date']}:" />
				<p:calendar value="#{ruatBean.birthDate}" showOn="button" />
			</div>


			<div class="ui-form-row clearfix">
				<h:outputLabel value="#{i18n['lbl.owner.personal_data.id_type']}:" />
				<div class="ui-form-row clearfix">
					<h:outputLabel
						value="#{i18n['lbl.owner.personal_data.id_number']}:" />
					<p:selectOneMenu value="#{ruatBean.identificationType}">
						<f:selectItem itemLabel="Select One" itemValue="" />
						<f:selectItem itemLabel="Option 1" itemValue="1" />
						<f:selectItem itemLabel="Option 2" itemValue="2" />
						<f:selectItem itemLabel="Option 3" itemValue="3" />
					</p:selectOneMenu>
				</div>
			</div>
			<div class="ui-form-row clearfix">
				<h:outputLabel value="#{i18n['lbl.owner.personal_data.id_number']}:" />
				<p:inputText value="#{ruatBean.firstName}" />
			</div>

			<div class="ui-form-row clearfix">
				<h:outputLabel
					value="#{i18n['lbl.owner.personal_data.educational_level']}:" />
				<p:selectOneMenu value="#{ruatBean.educationalLevel}">
					<f:selectItem itemLabel="Select One" itemValue="" />
					<f:selectItem itemLabel="Option 1" itemValue="1" />
					<f:selectItem itemLabel="Option 2" itemValue="2" />
					<f:selectItem itemLabel="Option 3" itemValue="3" />
				</p:selectOneMenu>
			</div>
			<div class="ui-form-row clearfix">
				<h:outputLabel
					value="#{i18n['lbl.owner.personal_data.last_degree_approved']}:" />
				<p:inputText value="#{ruatBean.firstName}" />
			</div>


			<!-- 			<f:validateLength minimum="5" maximum="15" for="firstName" /> -->
		</div>
		<div class="buttons-container clearfix text-align-right">
			<p:commandButton value="#{i18n['lbl.flow_button.cancel']}"
				styleClass="ui-flowbutton"
				oncomplete="setCurrentPageStyle(xhr, status, args,this)"
				actionListener="#{loginController.logout}" />
			<p:commandButton value="#{i18n['lbl.flow_button.next']}"
				styleClass="ui-flowbutton"
				oncomplete="setCurrentPageStyle(xhr, status, args,this)"
				actionListener="#{stepByStepController.viewContactData}" />
		</div>
	</h:form>
</h:body>

</html>